<!-- Copyright (c) 2019-2020 十三 all rights reserved. -->
<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<header th:replace="admin/header::header-fragment"></header>
<body class="hold-transition sidebar-mini">
<div class="wrapper">
    <!-- 引入页面头header-fragment -->
    <div th:replace="admin/header::header-nav"></div>
    <!-- 引入工具栏sidebar-fragment -->
    <div th:replace="admin/sidebar::sidebar-fragment(${path})"></div>
    <!-- Content Wrapper. Contains page content -->
    <div class="content-wrapper">
        <!-- Content Header (Page header) -->
        <div class="content-header">
            <div class="container-fluid">
            </div><!-- /.container-fluid -->
        </div>
        <!-- Main content -->
        <div class="content">
            <div class="card card-primary card-outline">
                <div class="card-header">
                    <h3 class="card-title">首页</h3>
                </div> <!-- /.card-body -->
                <div class="card-body">
                    <div class="panel panel-default">
                        <div style="padding: 10px 0 20px 10px;">
                            <div class="row">
                                <div class="col-md-6">
                                    <div class="dropdown">
                                        <select id="sel1" class="form-control">
                                            <option value="5">近5天</option>
                                            <option value="10">近10天</option>
                                            <option value="20">近20天</option>
                                            <option value="30">近30天</option>
                                        </select>
                                    </div>
                                    <div id="main" style="width: 100%;height:400px;"></div>
                                </div>
                                <div class="col-md-6">
                                    <div class="dropdown">
                                        <select id="sel" class="form-control">
                                            <option value="2022">2022</option>
                                            <option value="2021">2021</option>
                                            <option value="2020">2020</option>
                                            <option value="2019">2019</option>
                                        </select>
                                    </div>
                                    <div id="main2" style="width: 100%;height:400px;"></div>
                                </div>
                            </div>
                            <div class="row">
                                <div class="dropdown">
                                    <select id="rate" class="form-control">
                                        <option value="5">前5</option>
                                        <option value="10">前10</option>
                                        <option value="15">前15</option>
                                        <option value="20">前20</option>
                                    </select>
                                </div>
                                <div id="main3" style="width: 100%;height:400px;"></div>
                            </div>
                        </div>
                    </div>
                </div>
            </div><!-- /.container-fluid -->
        </div>
        <!-- /.content -->
    </div>
    <!-- /.content-wrapper -->
    <!-- 引入页脚footer-fragment -->
    <div th:replace="admin/footer::footer-fragment"></div>
</div>

<!-- echarts-->
<script th:src="@{/admin/dist/js/echarts.js}"></script>
<!-- jQuery -->
<script th:src="@{/admin/plugins/jquery/jquery.min.js}"></script>
<!-- Bootstrap 4 -->
<script th:src="@{/admin/plugins/bootstrap/js/bootstrap.bundle.min.js}"></script>
<!-- AdminLTE App -->
<script th:src="@{/admin/dist/js/adminlte.min.js}"></script>

<script th:src="@{/admin/dist/js/newbee_mall_admin_index.js}"></script>



</body>
</html>
